import React from 'react';
import styles from './index.less';

export default (props: object) => {
  const { text } = props;

  return (
    <div className={styles.loadingWrap}>
      <div className={styles.content}>
        <div className={styles.loadingCircle}>
          <svg className={styles.circular} viewBox="25 25 50 50">
            <circle
              className={styles.path}
              cx="50"
              cy="50"
              r="20"
              fill="none"
              strokeWidth="5"
              strokeMiterlimit="10"
            ></circle>
          </svg>
        </div>
        <div className={styles.text}>{text}</div>
      </div>
    </div>
  );
};
